.comingsoon-bgimg{
    background: url(../images/other-images/coming-soon-bg.jpg);
    background-position: bottom;
    background-size:cover;
  }
  .comingsoon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 50px 0;
    background-color:rgba($primary-color,0.1);
    .comingsoon-inner {
      h5 {
        font-size:22px;
        letter-spacing: 1px;
        color: $light-text;
        font-weight:600;
        margin-bottom: 30px;
        margin-top:30px;     
      }
      .countdown {
        padding: 30px 0;
        border-top: 1px solid rgba($primary-color,0.1);
        border-bottom: 1px solid rgba($primary-color,0.1);
        .time {
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius:20px;
          color: $white;
          font-weight: 500;
          width: 100px;
          height: 100px;
          font-size: 36px;
          background: $primary-color;
        }
        .title {
          padding-top: 13px;
          font-size: 14px;
          font-weight:600;
          color: $theme-body-sub-title-color;
          text-transform: uppercase;
          letter-spacing: 1px;
        }
        ul li {
          display: inline-block;
          text-transform: uppercase;
          margin: 0 20px;
          span {
            display: block;
          }
        }
      }
    }
    video{
      position: fixed;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      transform: translateX(-50%) translateY(-50%);
      transition: 1s opacity;
    }
  }